<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index01-jquery入门</title>
</head>
<body>
<div id="testDiv">
  Hello
</div>
<script type="text/javascript" src="../scripts/jquery-3.7.0.js"></script>
<script type="text/javascript">

  // 打印jquery
  // console.log($);

  // 通过js来获取是js对象/dom对象
  // var testDiv = document.getElementById("testDiv");
  // console.log(testDiv);
  // 通过$来根据id选择器获取jquery对象
  // var $testDiv = $("#testDiv"); // jquery对象
  // console.log($testDiv);
  // console.log($testDiv.length);
  // DOM对象和jquery对象之间转换
  // DOM => jQuery：$(DOM对象)
  // var testDiv = document.getElementById("testDiv");
  // var $testDiv = $(testDiv);
  // console.log(testDiv);
  // console.log($testDiv);
  // jQuery => dom: jquery对象[索引]   或  jquery对象.get(索引)
  // var $testDiv = $("#testDiv");
  // console.log($testDiv);
  // console.log($testDiv[0]);
  // console.log($testDiv.get(0));
</script>
</body>
</html>